<template>
    <div class="slot-wrapper">
        <div style="display: flex">
            <div style="width: 40px;display: flex;justify-content: center;align-items: center">
                <slot name="firstslot">
                    <i class="el-icon-map-location" style="color: dodgerblue;font-size: 20px"></i>
                </slot>
            </div>
            <div style="font-size: 18px;width: 150px;display: flex;justify-content: flex-start;align-items: center">
                <div>
                    <slot name="second-slot"><p>我的地址</p></slot>
                </div>
            </div>
            <div style="display: flex;justify-content: flex-end;align-items: center;width: 185px;margin-right: 10px">
                <i class="el-icon-arrow-right" style="color: black;font-size: 14px"></i>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "information"
    }
</script>

<style scoped>
    .slot-wrapper{
        line-height: 50px;
        background-color: white;
    }
</style>
